<!doctype html>
<html><head>
<meta charset="utf-8">
<title>浏览所有商品</title>	
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link href="./bootstrap/css/bootstrap.min.css" rel="stylesheet">
<style type="text/css">
body{
	font-family:微软雅黑;
	font-size:16px;
	color:#036;
	letter-spacing:0.2em;
	text-indent:2em;
	}
</style>
<!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="container">
	<h1 class="page-header"><small>我们的想法</small></h1>
		<div class="row">
			<div class="span7">
				<p style="font-size:18px;" class="text-success">我们都有过上网买鞋、买裤子、衣服的经历，有时真的很怕买到大小不合适的。我们团队有队友就经常买到大小不合适的衣服、鞋子和裤子。所以我们就想，应该怎样做才能避免这种情况。让人们可以准确地买到适合自己大小的衣服、鞋子和裤子。所以我们希望电子商务网站能提供相应的这方面的服务，以增加网站人气，增加用户的访问量。所以我们就有了一些想法。就是我们网站后台在存入商品信息时，多增加一些参数，如右图，下面看我们如何娓娓道来。</p>
			</div>
			<div class="span5">
				<ul class="thumbnails">
					<li><a href="#" class="thumbnail"><img class="media-object" src="./media/add.png"></a></li>
				</ul>
			</div>
		</div>
<!--想法的内容-->
<ul class="thumbnails">
	   	<li class="span6"><a href="#" class="thumbnail"> <img src="./media/clothes1.png"></a></li>
        <li class="span5 text-info" style="margin-top:40px;">
        每个商家将他们的商品——衣服，以左图这种规格的长度(cm)和宽度(cm)，在发布商品时，输入相应的长度和宽度。
        </li>
</ul>
<ul class="thumbnails">
	   	<li class="span6"><a href="#" class="thumbnail"> <img src="./media/shoe.png"></a></li>
        <li class="span5 text-info" style="margin-top:40px;">
       商家将他们的商品——鞋，以左图这种规格的长度(cm)和宽度(cm)，在发布商品时，输入相应的长度和宽度。
        </li>
</ul>
<ul class="thumbnails">
	   	<li class="span6"><a href="#" class="thumbnail"><img src="./media/pants.png"></a></li>
        <li class="span5 text-info" style="margin-top:40px;">
        	商家将他们的商品——裤子，以左图这种规格的长度(cm)和宽度(cm)，在发布商品时，输入相应的长度和宽度。
        </li>
</ul>
<p style="font-size:20px;" class="text-warning">如此的话，传统的电商网站将发生一些改变。如下图示：</p>

<ul class="thumbnails">
	<li class="span4">
		<div class="thumbnail">
			<a href="#" class="thumbnail"><img src="./media/1.png"></a>
			<a href="#" class="thumbnail"><img src="./media/arrow.jpg"></a>
			<a href="#" class="thumbnail"><img src="./media/c.png"></a>
			<div class="caption">
				<p class="text-error">
				如此，衣服有了这样的长度和宽度。我们的用户就能根据他们买过的合适衣服，
				通过测量其合适衣服的长度和宽度，然后和网站上的衣服的长和宽进行比较，这
				样，用户也许就心中有数了——买哪件？
				</p>
			</div>
		</div>
	</li>

	<li class="span4">
		<div class="thumbnail">
			<a href="#" class="thumbnail"><img src="./media/2.png"></a>
			<a href="#" class="thumbnail"><img src="./media/arrow.jpg"></a>
			<a href="#" class="thumbnail"><img src="./media/p.png"></a>
			<div class="caption">
				<p class="text-error">
			    裤子有了这样的长度和宽度。我们的用户就能根据他们买过的合适裤子，
				通过测量其长度和宽度，然后和网站上的裤子的长和宽进行比较，让用户
				选择哪个更适合。
				</p>
			</div>
		</div>
	</li>

	<li class="span4">
		<div class="thumbnail">
			<a href="#" class="thumbnail"><img src="./media/3.png"></a>
			<a href="#" class="thumbnail"><img src="./media/arrow.jpg"></a>
			<a href="#" class="thumbnail"><img src="./media/s.png"></a>
			<div class="caption">
				<p class="text-error">
	            网站上的鞋有了长度和宽度这两个参数。我们的用户拿他们以前买过的合适的鞋，通过测量其长度和宽度，然后和网站上的鞋的长和宽进行比较，让用户心中有数。
				</p>
			</div>
		</div>
	</li>
</ul>

<h1 class="page-header"><small>我们的设计</h1>
<div style="font-size:18px; margin-bottom:30px;" class="text-success">
	<p>
	循着此想法，在我们的设计中。以衣服为例子，用php+apache+mysql+bootstrap 3.0,
	模拟了我们的想法。有商品的后台添加、删除和修改。设计了相应的商品检索页，购物车。
	</p>
	<p><strong>想法模拟.doc</strong>有比较详细的描述。</p>
	<p>另外，前端的页面效果都是加载的bootstrap类库，bootstrap的相关调试也是在google浏览器里进行的，兼容IE9以上，火狐会有一点的不兼容。所以用google浏览器展示的效果较好。</p>
	<p>
		当然，我们的设计还不能实际的应用，我们只是以相应的代码模拟了我们的想法，
		毕竟一个电子商务网站的业务逻辑很复杂，要考虑的东西还非常多。如果我们的想法
		会有电子商务公司想去实现，那电子商务系统还得重新设计，对商家的要求也会很多。
		但还是希望我们的想法能实现，让电商购物更便利，让顾客在电商购物中买到称意的
		商品。
	</p>

</div>









	
</div>
<script src="./bootstrap/js/bootstrap.min.js"></script>
<script src="./js/jquery-1.9.1.min.js"></script>
</body>
</html>
    




